<div class="layout">
  <div class="custom-page">
    <div class="custom-page-header" [ngClass]="{'page-fixed': isBackColor}">
      <div class="container">
        <div class="nav">
          <nav>
            <a routerLink="/" class="nav-item nav-link" routerLinkActive="active" [routerLinkActiveOptions]="{exact:true}">
              菜单一
            </a>
            <a routerLink="/front/hotel" class="nav-item nav-link" routerLinkActive="active">
              菜单二
            </a>
            <a routerLink="/front/holiday" class="nav-item nav-link" routerLinkActive="active">
              菜单三
            </a>
            <a routerLink="/front/blog" class="nav-item nav-link" routerLinkActive="active">
              菜单四
            </a>
            <a routerLink="/front/help" class="nav-item nav-link" routerLinkActive="active">
              帮助中心
            </a>
          </nav>
          <div class="right-nav">
            <a routerLink="/register" class="nav-item nav-link" routerLinkActive="active">注册</a>
            <a routerLink="/login" class="nav-item nav-link" routerLinkActive="active">登录</a>
          </div>
        </div>
      </div>
    </div>
    <router-outlet></router-outlet>
  </div>
</div>
